<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>个人博客后台</title>
    <link rel="shortcut icon" href="__ADMIN__/img/logo.jpg" type="image/x-icon">
    <link href="__ADMIN__/css/bootstrap.min.css" rel="stylesheet" />
    <link href="__ADMIN__/css/font-awesome.min.css" rel="stylesheet" />
    <link href="__ADMIN__/css/weather-icons.min.css" rel="stylesheet" />
    <link id="beyond-link" href="__ADMIN__/css/beyond.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="login-container">
    <div class="loginbox bg-white">
        <div class="loginbox-title">忘记密码？</div>

        <div class="loginbox-or">
            <div class="or-line"></div>
        </div>
        <form>
            <div class="loginbox-textbox">
                 <input type="text" class="form-control" name="email" placeholder="邮箱" />
            </div>
             <div class="loginbox-textbox hidden">
                <input type="text" class="form-control" name="code" placeholder="验证码" />
             </div>
            <div class="loginbox-submit">
                 <input type="submit" class="btn btn-primary btn-block" id="sendValidate" value="发送验证码">
            </div>
            <div class="loginbox-submit hidden">
              <input type="submit" class="btn btn-primary btn-block" id="reset" value="重置密码">
            </div>
            <div class="loginbox-signup">
                <a href="{:url('admin/index/login')}">返回登录</a>
            </div>
        </form>
    </div>
    <div class="logobox">
        <p class="text-center" style="font-size: 18px;font-weight: bold;text-shadow: 3px 3px 3px #FF0000;font-style: italic;">个人博客后台管理</p>
    </div>
</div>

<script src="__ADMIN__/js/skins.min.js"></script>
<!--Basic Scripts-->
<script src="__ADMIN__/js/jquery.min.js"></script>
<script src="__ADMIN__/js/bootstrap.min.js"></script>
<script src="__STATIC__/lib/layer/layer.js"></script>
<script src="__ADMIN__/js/slimscroll/jquery.slimscroll.min.js"></script>
<!--Beyond Scripts-->
<script src="__ADMIN__/js/beyond.js"></script>
<script>
    $(window).bind("load", function () {

        /*Sets Themed Colors Based on Themes*/
        themeprimary = getThemeColorFromCss('themeprimary');
        themesecondary = getThemeColorFromCss('themesecondary');
        themethirdcolor = getThemeColorFromCss('themethirdcolor');
        themefourthcolor = getThemeColorFromCss('themefourthcolor');
        themefifthcolor = getThemeColorFromCss('themefifthcolor');

    });
    //发送填入的邮箱号，并隐藏发送验证码，显示重置密码
    $(function () {
        $('#sendValidate').click(function () {
            $.ajax({
                url: '{:url("admin/index/forget")}',
                type: 'post',
                data: $('form').serialize(),
                dataType: 'json',
                success: function (data) {
                    if (data.code == 1) {
                        alert(data.msg);
                        $('[name=email]').parent().addClass('hidden');
                        $('[name=code]').parent().removeClass('hidden');
                        $('#sendValidate').parent().addClass('hidden');
                        $('#reset').parent().removeClass('hidden');
                    }else {
                        alert(data.msg);
                    }
                }
            })
            return false;
        });

        //发送填入的验证码
        $('#reset').click(function () {
            $.ajax({
                url: '{:url("admin/index/reset")}',
                type: 'post',
                data: $('form').serialize(),
                dataType: 'json',
                success: function (data) {
                    if (data.code == 1) {
                        layer.msg(data.msg,{
                            icon: 6,
                            time: 2000,
                        }, function () {
                            location.href = data.url;
                        });
                    }else {
                        layer.open({
                            title: '密码重置失败',
                            content: data.msg,
                            icon: 5,
                            anim: 6,
                        });
                    }
                }
            });
            return false;
        });
    });

</script>

</body>
</html>
